<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>AdminLTE | 仪表盘</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- bootstrap 3.0.2 -->
    <link href="/style/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- font Awesome -->
    <link href="/style/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="/style/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="/style/css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <!-- Morris charts -->
    <link href="/style/css/morris/morris.css" rel="stylesheet" type="text/css" />
    <link href="/style/css/morris/morris.css" rel="stylesheet" type="text/css" />


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
</head>

<body class="skin-blue">
    <!-- header logo: style can be found in header.less -->
    <header class="header">
        <a href="index.html" class="logo">
            <!-- Add the class icon to your logo image or logo icon to add the margining -->
            富乐电商
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <div class="navbar-right">
                <ul class="nav navbar-nav">
                    <!-- User Account: style can be found in dropdown.less -->
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="glyphicon glyphicon-user"></i>
                            <span>{:cookie('nicename')} <i class="caret"></i></span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header bg-light-blue">
                                <img src="/style/img/avatar3.png" class="img-circle" alt="User Image" />
                                <p>
                                    {:cookie('nicename')} - {:cookie('identity')}
                                    <small>注册日期：{:cookie('created_at')}</small>
                                </p>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a href="{:U('Home/User/index')}" class="btn btn-default btn-flat">个人资料</a>
                                </div>
                                <div class="pull-right">
                                    <a href="{:U('Home/Login/logout')}" class="btn btn-default btn-flat">注销登录</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <div class="wrapper row-offcanvas row-offcanvas-left">
        <!-- Left side column. contains the logo and sidebar -->
        <aside class="left-side sidebar-offcanvas">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src="/style/img/avatar3.png" class="img-circle" alt="User Image" />
                    </div>
                    <div class="pull-left info">
                        <p>你好, Admin</p>
                        <small>运营经理</small>
                        <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                    </div>
                </div>
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <ul class="sidebar-menu">
                    <li>
                        <a href="{:U('Home/Index/index')}">
                            <i class="fa fa-dashboard"></i> 
                            <span>后台首页</span>
                        </a>
                    </li>
                    <li class="treeview active">
                        <a href="#">
                            <i class="fa fa-bar-chart-o"></i>
                            <span>刷单计划</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="{:U('Home/Shuadan/index')}"><i class="fa fa-angle-double-right"></i> 本周期计划</a>
                            </li>
                            <neq name="_SESSION['is_admin']" value="0">
                            <li><a href="{:U('Home/Shuadan/add')}"><i class="fa fa-angle-double-right"></i> 添加计划</a>
                            </li>
                            </neq>
                            <li><a href="{:U('Home/Shuadan/history')}"><i class="fa fa-angle-double-right"></i> 历史计划</a>
                            </li>
                        </ul>
                    </li>
                    <neq name="_SESSION['is_admin']" value="0">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-bar-chart-o"></i>
                            <span>用户管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="{:U('Home/User/lists')}"><i class="fa fa-angle-double-right"></i> 所有用户</a>
                            </li>
                            <li><a href="{:U('Home/User/add')}"><i class="fa fa-angle-double-right"></i>添加用户</a>
                            </li>
                            <li><a href="{:U('Home/User/index')}"><i class="fa fa-angle-double-right"></i> 个人资料</a>
                            </li>
                        </ul>
                    </li>
                    <else/>
                    <li>
                        <a href="{:U('Home/User/index')}">
                            <i class="fa fa-envelope"></i> 
                            <span>个人资料</span>
                        </a>
                    </li>
                    </neq>
                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>

        <!-- Right side column. Contains the navbar and content of the page -->
        <aside class="right-side">
            <!-- Content Header (Page header) -->
            <section class="content-header">
                <h1>
                    后台首页
                    <small>控制面板</small>
                </h1>
            </section>

            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-lg-3 col-xs-6">
                        <!-- small box -->
                        <div class="small-box bg-aqua">
                            <div class="inner">
                                <h3>
                                    150
                                </h3>
                                <p>
                                    昨日刷单数
                                </p>
                            </div>
                            <div class="icon">
                                <i class="ion ion-bag"></i>
                            </div>
                            <a href="#" class="small-box-footer">
                                详细信息 <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                    <!-- ./col -->
                    <div class="col-lg-3 col-xs-6">
                        <!-- small box -->
                        <div class="small-box bg-aqua">
                            <div class="inner">
                                <h3>
                                    300
                                </h3>
                                <p>
                                    今日计划刷单数
                                </p>
                            </div>
                            <div class="icon">
                                <i class="ion ion-stats-bars"></i>
                            </div>
                            <a href="#" class="small-box-footer">
                                详细信息 <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                    <!-- ./col -->
                    <div class="col-lg-3 col-xs-6">
                        <!-- small box -->
                        <div class="small-box bg-red">
                            <div class="inner">
                                <h3>
                                    7.5<sup style="font-size: 20px">%</sup>
                                </h3>
                                <p>
                                    昨日转化率
                                </p>
                            </div>
                            <div class="icon">
                                <i class="ion ion-person-add"></i>
                            </div>
                            <a href="#" class="small-box-footer">
                                详细信息 <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                    <!-- ./col -->
                    <div class="col-lg-3 col-xs-6">
                        <!-- small box -->
                        <div class="small-box bg-red">
                            <div class="inner">
                                <h3>
                                    7.5<sup style="font-size: 20px">%</sup>
                                </h3>
                                <p>
                                    今日计划转化率
                                </p>
                            </div>
                            <div class="icon">
                                <i class="ion ion-pie-graph"></i>
                            </div>
                            <a href="#" class="small-box-footer">
                                详细信息 <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                    <!-- ./col -->
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <!-- AREA CHART -->
                        <div class="box box-primary">
                            <div class="box-header">
                                <h3 class="box-title">本周期刷单计划</h3>
                            </div>
                            <div class="box-body chart-responsive">
                                <div class="chart" id="revenue-chart" style="height: 300px;"></div>
                            </div>
                            <div class="box-footer">
                                <table class="table table-hover">
                                    <tbody>
                                        <tr>
                                            <th>日期</th>
                                            <th>计划刷单数</th>
                                            <th>实际刷单数</th>
                                            <th>对比</th>
                                            <th>计划转化率</th>
                                            <th>实际转化率</th>
                                            <th>对比转化率</th>
                                            <th>备注</th>
                                        </tr>
                                        <tr>
                                            <td>2014-9-10</td>
                                            <td>John Doe</td>
                                            <td>2014-9-10</td>
                                            <td>John Doe</td>
                                            <td>11-7-2014</td>
                                            <td>2014-9-10</td>
                                            <td>John Doe</td>
                                            <td>John Doe</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>219</td>
                                            <td>Jane Doe</td>
                                            <td>11-7-2014</td>
                                            <td>
                                                <span class="label label-warning">Pending</span>
                                            </td>
                                            <td>doner.</td>
                                            <td>2014-9-10</td>
                                            <td>John Doe</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>657</td>
                                            <td>Bob Doe</td>
                                            <td>11-7-2014</td>
                                            <td>
                                                <span class="label label-primary">Approved</span>
                                            </td>
                                            <td>Baconner.</td>
                                            <td>2014-9-10</td>
                                            <td>John Doe</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>175</td>
                                            <td>Mike Doe</td>
                                            <td>11-7-2014</td>
                                            <td>
                                                <span class="label label-danger">Denied</span>
                                            </td>
                                            <td>Bk doner.</td>
                                            <td>2014-9-10</td>
                                            <td>John Doe</td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>
                    <!-- /.col (LEFT) -->
                </div>
                <!-- /.row -->


            </section>
            <!-- /.content -->
        </aside>
        <!-- /.right-side -->
    </div>
    <!-- ./wrapper -->


    <!-- jQuery 2.1.1 -->
    <script src="/style/js/jquery-2.1.1.min.js" type="text/javascript"></script>
    <!-- Bootstrap -->
    <script src="/style/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- AdminLTE App -->
    <script src="/style/js/AdminLTE/app.js" type="text/javascript"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="/style/js/AdminLTE/demo.js" type="text/javascript"></script>
    <!-- Morris.js charts -->
    <script src="/style/js/plugins/morris/raphael-min.js"></script>
    <script src="/style/js/plugins/morris/morris.min.js" type="text/javascript"></script>

    <script>
    $(function() {
        // AREA CHART
        var area = new Morris.Line({
            element: 'revenue-chart',
            resize: true,
            data: [{
                    y: '2014-09-10',
                    item1: 300,
                    item2: 350
                }, {
                    y: '2014-09-11',
                    item1: 400,
                    item2: 380
                }, {
                    y: '2014-09-12',
                    item1: 500,
                    item2: 480
                }, {
                    y: '2014-09-13',
                    item1: 520,
                    item2: 550
                }, {
                    y: '2014-09-14',
                    item1: 550,
                    item2: 600
                }, {
                    y: '2014-09-15',
                    item1: 530,
                    item2: 542
                }, {
                    y: '2014-09-16',
                    item1: 545,
                    item2: 532
                }, {
                    y: '2014-09-17',
                    item1: 500,
                    item2: 455
                }, {
                    y: '2014-09-18',
                    item1: 560,
                    item2: 453
                }, {
                    y: '2014-09-19',
                    item1: 587,
                    item2: 587
                }

            ],
            xkey: 'y',
            ykeys: ['item1', 'item2'],
            labels: ['计划刷单数', '实际刷单数'],
            lineColors: ['#a0d0e0', '#f00'],
            hideHover: false,
            xLabels: 'day'
        });

    });
    </script>

</body>

</html>
